* {
  box-sizing: border-box;
  font-family: "Microsoft Yahei"; }

body {
  background: #f5f5f5;
  position: relative; }

.header {
  display: flex;
  justify-content: space-between;
  padding: 0.7rem;
  color: #fff;
  background: #FFAC2E;
  align-items: center; }
  .header .head-left a {
    display: flex;
    align-items: center; }
    .header .head-left a img {
      width: 55%; }
  .header .head-right {
    color: #FFAC2E; }
  .header .head-cont {
    font-size: 0.8rem;
    height: 16px;
    line-height: 16px;
    display: flex;
    align-items: center; }

.nav a {
  display: block;
  background: #F5F5F5;
  padding: 0.7rem 0 0.6rem 0.8rem;
  color: #999; }

.content {
  background: #fff;
  align-items: center;
  padding: 0.6rem 0.7rem;
  display: flex;
  justify-content: space-between; }
  .content .cont-left {
    display: flex; }
    .content .cont-left .img {
      display: flex;
      align-items: center; }
      .content .cont-left .img img {
        width: 0.7rem; }
    .content .cont-left input::-webkit-input-placeholder {
      color: #e9e9e9; }
    .content .cont-left input {
      padding-left: 0.4rem; }
  .content .cont-right {
    display: flex;
    align-items: center; }
    .content .cont-right img {
      width: 1.2rem; }

.foot {
  padding: 0.8rem 0.5rem; }
  .foot a {
    display: block;
    padding: 0.5rem;
    background: #FED556;
    color: #fff;
    text-align: center;
    font-size: 0.7rem;
    border-radius: 4px; }

.posit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 568px;
  background: rgba(0, 0, 0, 0.59); }
  .posit .text {
    width: 10rem;
    text-align: center;
    padding: 1.5rem 0;
    border-radius: 8px;
    color: #000;
    background: #fff;
    font-size: 0.8rem;
    border: 1px solid #666;
    position: fixed;
    top: 10rem;
    left: 3rem; }
